<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>泰安市良庄农批市场</title>

    <link rel="stylesheet" href="__CDN__/assets/screen/css/index.css?v=1{$time}">
    <link rel="stylesheet" href="__CDN__/assets/screen/css/style.css?v=1{$time}">
    <link rel="stylesheet" href="__CDN__/assets/screen/fonts/icomoon.css?v=1{$time}">
</head>

<body>
    <div class="viewport">
        <div class="column">
            <div class="overview panel">
                <div class="inner">
                    <div class="item">
                        <h4>{$jrxse}</h4>
                        <span id="rdp">
                            <i class="icon-dot" style="color: #006cff"></i>
                            今日销售额
                        </span>
                    </div>
                    <div class="item">
                        <h4>{$jrxsds}</h4>
                        <span>
                            <i class="icon-dot" style="color: #6acca3"></i>
                            今日销售吨数
                        </span>
                    </div>
                    <div class="item">
                        <h4 id="carsInNum">235辆</h4>
                        <span>
                            <i class="icon-dot" style="color: #6acca3"></i>
                            进出车辆数
                        </span>
                    </div>

                    <div class="item">
                        <h4 id="carsFeePrice">13000元</h4>
                        <span>
                            <i class="icon-dot" style="color: #6acca3"></i>
                            车辆收费金额
                        </span>
                    </div>
                </div>
            </div>
            
            <!--监控-->
            <!-- <div class="point panel" style="height: 20.167rem;"> -->
            <!-- <div class="panel sales" style="height: 42.5%;">

                <div class="inner">
                    <h3>五日销售品类价格曲线/吨</h3>
                    <div class="chart">
                        <div class="linefive"></div>
                    </div>
                </div>
            </div> -->

            <div class="sales panel" style="height:45.5%">
                <div class="inner">
                    <div class="caption">
                        <h3>五日销售品类价格曲线（元/公斤）</h3>
                        <!-- <a href="javascript:;" class="active" data-type="920">09-20</a>
                        <a href="javascript:;" data-type="921">09-21</a>
                        <a href="javascript:;" data-type="922">09-22</a>
                        <a href="javascript:;" data-type="923">09-23</a>
                        <a href="javascript:;" data-type="924">09-24</a> -->
                        
                    </div>
                    <div class="chart">
                        <div class="line linefive"></div>
                    </div>
                </div>
            </div>

            <!-- 排行榜 -->
            <div class="top panel">
                <div class="inner">
                    <div class="all">
                        <h3>市场热榜</h3>
                        <ul>
                            <li>
                                <i class="icon-cup1" style="color: #d93f36;"></i>
                                韭菜
                            </li>
                            <li>
                                <i class="icon-cup2" style="color: #68d8fe;"></i>
                                小白菜
                            </li>
                            <li>
                                <i class="icon-cup3" style="color: #4c9bfd;"></i>
                                芹菜
                            </li>
                            
                        </ul>
                    </div>
                    <div class="province">
                        <h3>实时价格</h3>
                        <div class="data">
                            <ul class="sup">
                                <li>
                                    <span>上海</span>
                                    <!-- <span>25,179 <s class="icon-up"></s></span> -->
                                </li>
                                <li>
                                    <span>北京</span>
                                    <!-- <span>23,252 <s class="icon-down"></s></span> -->
                                </li>
                                <li>
                                    <span>济南</span>
                                    <!-- <span>20,760 <s class="icon-up"></s></span> -->
                                </li>
                                <li>
                                    <span>广州</span>
                                    <!-- <span>23,252 <s class="icon-down"></s></span> -->
                                </li>
                                <li>
                                    <span>黑龙江</span>
                                    <!-- <span>20,760 <s class="icon-up"></s></span> -->
                                </li>
                                <li>
                                    <span>沈阳</span>
                                    <!-- <span>20,760 <s class="icon-up"></s></span> -->
                                </li>
                                <li>
                                    <span>哈尔滨</span>
                                    <!-- <span>20,760 <s class="icon-up"></s></span> -->
                                </li>
                            </ul>
                            <ul class="sub">
                                <!-- <li><span>数据</span><span> 数据<s class="icon-up"></s></span></li> -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="column">
            <!-- 地图 -->
            <div class="map">
                <!-- <h3>
                    <span class="icon-cube"></span>
                    各地商户收购统计(吨)
                </h3> -->
                <div class="chart" style="margin-top: .5rem;">
                    <div class="geo"></div>
                </div>
            </div>
            <!-- 用户 -->

            <!--点位-->
            <!-- <div class="point panel" style="display: none;">
                <div class="inner">
                    <h3>昨日蔬菜销售排行(%)</h3>
                    <div class="chart" style="margin:0;">
                        <div class="piew"></div>
                        <div class="data">
                            <div class="item">
                                <h4>1,011,050元</h4>
                                <span>
                                    <i class="icon-dot" style="color: #ed3f35"></i>
                                    交易总金额
                                </span>
                            </div>
                            <div class="item">
                                <h4>319吨</h4>
                                <span>
                                    <i class="icon-dot" style="color: #eacf19"></i>
                                    交易总重量
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            
            <div class="users panel">
                <div class="inner">
                    <h3>昨日蔬菜销售排行(万元)</h3>
                    <div class="chart">
                        <div class="pie"></div>
                        <div class="data">
                            <div class="item">
                                <h4>{$zrjyzje}</h4>
                                <span>
                                    <i class="icon-dot" style="color: #ed3f35"></i>
                                    交易总金额
                                </span>
                            </div>
                            <div class="item">
                                <h4>{$zrjyzzl}</h4>
                                <span>
                                    <i class="icon-dot" style="color: #eacf19"></i>
                                    交易总重量
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="column">
            <div class="order panel">
                <div class="inner">
                    <!-- 筛选 -->
                    <div class="filter">
                        <a href="javascript:;" data-key="day365" class="active">芹菜</a>
                        <a href="javascript:;" data-key="day90">小白菜</a>
                        <a href="javascript:;" data-key="day30">菠菜</a>
                        <a href="javascript:;" data-key="day1">韭菜</a>
                        <a href="javascript:;" data-key="day10">茄子</a>
                        <a href="javascript:;" data-key="day11">冬瓜</a>
                        <a href="javascript:;" data-key="day12">菜花</a>
                        <a href="javascript:;" data-key="day13">尖椒</a>
                        <a href="javascript:;" data-key="day14">黄瓜</a>
                    </div>
                    <!-- 数据 -->
                    <div class="data">
                        <div class="item">
                            <h4>8.80</h4>
                            <span>
                                <i class="icon-dot" style="color: #ed3f35;"></i>
                                今日价格(元/公斤)
                            </span>
                        </div>
                        <div class="item">
                            <h4>44</h4>
                            <span>
                                <i class="icon-dot" style="color: #eacf19;"></i>
                                今日销售额(万元)
                            </span>
                        </div>
                        <div class="item">
                            <h4>50000</h4>
                            <span>
                                <i class="icon-dot" style="color: #eacf19;"></i>
                                今日销售重量(公斤)
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 销售额 -->
            <!-- <div class="sales panel" style="height:14rem"> -->
            <div class="sales panel" style="height:37.5%">
                <div class="inner">
                    <div class="caption">
                        <h3>近期天气</h3>
                        <!-- <a href="javascript:;" class="active" data-type="920">09-20</a>
                        <a href="javascript:;" data-type="921">09-21</a>
                        <a href="javascript:;" data-type="922">09-22</a>
                        <a href="javascript:;" data-type="923">09-23</a>
                        <a href="javascript:;" data-type="924">09-24</a> -->
                        
                    </div>
                    <div class="chart">
                        <div class="container">
                            <div class="weather-side">
                              <div class="weather-gradient"></div>
                              <div class="date-container">
                                <h2 class="date-dayname">{$weather.today.date_name}</h2><span class="date-day">{$weather.today.date}</span><i class="location-icon" data-feather="map-pin"></i><span class="location">{$weather.today.location_name}</span>
                              </div>
                              <div class="weather-container">
                                <img src="__CDN__/assets/img/baidu/{$weather.today.img}.png?v={$time}" alt="" style="height:50%;width:50%;">
                                <h1 class="weather-temp">{$weather.today.temperature}</h1>
                                <h3 class="weather-desc">{$weather.today.weather}</h3>
                              </div>
                            </div>
                            <div class="info-side">
                              <div class="today-info-container">
                                <div class="today-info">
                                  <div class="precipitation"> <span class="title">降水概率：</span><span class="value">{$weather.today.rainfall}</span>
                                    <div class="clear"></div>
                                  </div>
                                  <div class="humidity"> <span class="title">湿度：</span><span class="value">{$weather.today.humidity}</span>
                                    <div class="clear"></div>
                                  </div>
                                  <div class="wind"> <span class="title">风速：</span><span class="value">{$weather.today.wind_south}</span>
                                    <div class="clear"></div>
                                  </div>
                                </div>
                              </div>
                              <div class="week-container">
                                <ul class="week-list">
                                    {foreach name="weather.last" item="item" key="key"}
                                    {if condition="$key == 0"}
                                    <li class="active"><img class="day-icon" src="__CDN__/assets/img/baidu/{$item.img}.png?v={$time}" alt="" >
                                        <span class="day-name">{$item.date}</span><span class="day-temp">{$item.temperature}</span></li>
                                    {else /}
                                    <li><img class="day-icon" src="__CDN__/assets/img/baidu/{$item.img}.png?v={$time}" alt="" ><span class="day-name">{$item.date}</span><span class="day-temp">{$item.temperature}</span></li>
                                    {/if}
                                  {/foreach}
                                  <!-- <li><i class="day-icon" data-feather="cloud"></i><span class="day-name">星期二</span><span class="day-temp">8-23°C</span></li>
                                  <li><i class="day-icon" data-feather="cloud-snow"></i><span class="day-name">星期三</span><span class="day-temp">8-22°C</span></li>
                                  <li><i class="day-icon" data-feather="cloud-rain"></i><span class="day-name">星期四</span><span class="day-temp">14-24°C</span></li> -->
                                  <div class="clear"></div>
                                </ul>
                              </div>
                              <!-- <div class="location-container">
                                <button class="location-button"> <i data-feather="map-pin"></i><span>更改位置</span></button>
                              </div> -->
                            </div>
                          </div>
                    </div>
                </div>
            </div>

            

            <!-- 销售额 -->
            <!-- <div class="sales panel" style="height:18.5rem"> -->
            <div class="sales panel" style="height:46%">
                <div class="inner">
                    <div class="caption">
                        <h3>成交量统计（公斤）</h3>
                        <a href="javascript:;" class="active" data-type="five">近五日</a>
                        <!-- <a href="javascript:;" data-type="year">年</a> -->
                        <a href="javascript:;" data-type="quarter">季</a>
                        <!-- <a href="javascript:;" data-type="month">月</a> -->
                        <a href="javascript:;" data-type="week">周</a>
                    </div>
                    <div class="chart">
                        <!-- <div class="label">单位:吨</div> -->
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <!-- 渠道 季度 -->
            <div class="wrap">
                
                <div class="quarter panel" hidden>
                    <div class="inner">
                        <h3>一季度销售进度</h3>
                        <div class="chart">
                            <div class="box">
                                <div class="gauge"></div>
                                <div class="label">75<small> %</small></div>
                            </div>
                            <div class="data">
                                <div class="item">
                                    <h4>1,321</h4>
                                    <span>
                                        <i class="icon-dot" style="color: #6acca3"></i>
                                        销售额(万元)
                                    </span>
                                </div>
                                <div class="item">
                                    <h4>150%</h4>
                                    <span>
                                        <i class="icon-dot" style="color: #ed3f35"></i>
                                        同比增长
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             
        </div>
    </div>
</body>

<script src="__CDN__/assets/screen/js/jquery.min.js"></script>
<script src="__CDN__/assets/screen/js/echarts.min.js"></script>
<script src="__CDN__/assets/screen/js/index.js?v=1{$time}"></script>

<script src="__CDN__/assets/screen/js/china.js"></script>
<script src="__CDN__/assets/screen/js/mymap.js"></script>
<script src="__CDN__/assets/screen/js/feather.min.js"></script>
<script src="__CDN__/assets/screen/js/script.js"></script>

</html>